$(document).ready(function () {
    tadiao();

    function tadiao() {
        var chart = echarts.init(document.getElementById('tadiao'));
        var option = {
            grid: {
                top: 30,
                bottom: 20,
                right: '5%'
            },
            xAxis: {
                axisTick: {
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(2,127,255,.4)'
                    }
                },
                axisLabel: {
                    color: '#1caef6'
                },
                data: ['陵水县']
            },
            yAxis: {
                name: '台',
                nameTextStyle: {
                    color: '#1caef6'
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(2,127,255,.4)'
                    }
                },
                axisLabel: {
                    color: '#1caef6'
                },
                splitLine: {
                    lineStyle: {
                        color: 'rgba(2,127,255,.4)'
                    }
                }
            },
            toolbox: {
                feature: {
                    dataZoom: {
                        show: true
                    }
                }
            },
            dataZoom: [{
                type: 'inside'
            }],
            series: [{
                type: "bar",
                label: {
                    show: true,
                    position: 'top',
                    color: '#1caef6'
                },
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: '#01b4ff'
                        }, {
                            offset: 1,
                            color: '#0336ff'
                        }]),
                    }
                },
                data: ["35"]
            }]
        }
        chart.setOption(option, true);
        window.resize = chart.resize;
    }
})